<div style="background-color: #acc9d9;height: 14px;width: 100%;text-align: left;
    position: relative;left: -7px; top: -7px;padding-right: 14px;padding-bottom: 14px;
    border-top-left-radius: 5px;border-top-right-radius: 5px">
    <h5 style="padding-top: 7px;padding-left: 7px;margin-top: 0px;font-family: Monaco, monospace, sans-serif;font-size: 12px;color: #000000;">
        Rating:
    </h5>
</div>
<div style="text-align: center;">
    <div style="width: 100%; height: 500px;overflow-y: scroll;margin-bottom: 5px;text-align: left">
        <div style="width: 95%">
            {% for user in users %}
                <div style="font-size: 12px;font-family: Monaco, monospace, sans-serif;">{{ user.get_short_name }}</div>
                <div>
                    <div style="padding-right: 9px;padding-left: 1px;width: {{ user.ratio }}%;text-align: right;font-family: Monaco, monospace, sans-serif;font-size: 12px;margin-bottom: 10px;background-color: #6cb890;">
                        {{ user.get_rate_total }}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>

